<%-- 
    Document   : masculino
    Created on : 05/08/2013, 10:58:55
    Author     : Aluno
--%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Masculino</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/font.css" />
        <link rel="stylesheet" href="css/style.css" />
        <!-- Favicon -->
        <link rel="icon" href="img/hsfavicon.png">
        <!-- =========== -->
        <!-- Google Font -->
        <!-- =========== -->
        <script type="text/javascript">
            // Add Google Font name here
            WebFontConfig = {google: {families: ['Bangers', 'Lato']}};
            (function() {
                var wf = document.createElement('script');
                wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
                wf.type = 'text/javascript';
                wf.async = 'true';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(wf, s);
            })();
        </script>
        <style type="text/css">
            /* Add Google Font name here */
            .wf-active {font-family: 'Lato',serif; font-size: 14px;}
            .wf-active .logo {font-family: 'Bangers', serif;}
        </style>
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" href="css/ie7.css" />
        <![endif]-->
    </head>
    <body class="wf-active">	
        <!-- =========== -->
        <!-- Top section -->
        <!-- =========== -->
        <div class="header-container">
            <div class="container welcome">
                <div class="row-fluid">
                    <div class="pull-left greet">
                        Bem Vindo, <a href="login.jsp">faça seu login!</a>
                    </div>
                    <div class="pull-right cart tright">
                        <!-- Cart Updates -->
                        <div class="counter">
                            <i class="icon-basket"></i><a href="carrinho.jsp">Seu carrinho</a> : <span class="theme">R$ 00</span>
                        </div>
                    </div>
                </div>
            </div>	
        </div>
        <!-- ================ -->
        <!-- Branding section -->
        <!-- ================ -->
        <div class="container head">
            <div class="row">
                <div class="span12 clearfix">
                    <div class="top row">
                        <div class="span8 logo text" style="display:none"><a href="inicial.html"></a></div>
                        <div class="span8 logo image"><a href="inicial.html"><img src="img/highreslogo.png" alt="" /></a></div>
                        <div class="cart span4">
                            <form action="#" class="topsearch">
                                <input type="search" class="top-search" placeholder=""/>
                                <button type="submit"><i class="icon-search"></i></button>
                            </form>
                        </div>

                    </div>	
                </div>
            </div>
        </div>
        <!-- ================ -->
        <!-- Main Nav section -->
        <!-- ================ -->
        <div class="container-menu">
            <div class="container">
                <div class="row">		
                    <div class="span12">
                        <nav class="horizontal-nav full-width">
                            <ul class="nav" id="nav">
                                <li><a href="inicial.jsp">Home</a></li>							
                                <li><a href="masculino.jsp">Masculino</a></li>
                                <li><a href="feminino.jsp">Feminino</a></li>
                                <li><a href="masculino.jsp">Sistema</a></li>
                                <li><a href="contato.jsp">Contato</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <!-- ================ -->
            <!-- Products section -->
            <!-- ================ -->
            <section class="product">
                <div class="row">
                    <header class="span12 prime">
                        <!-- <p><a href="index.html">Home</a> &#9656; <a href="product.html">Mens</a> &#9656; T-Shirts</p> -->
                        <h3>Linha Masculina</h3>
                    </header>
                </div>
                <div class="row">
                    <div class="span3 hidden-phone">
                        <div class="sidebar">
                            <section>
                                <h5>Feninina</h5>
                                <nav>
                                    <ul>
                                        <li><a href="#"><i class="icon-right-open"></i> Sapatos</a></li>
                                        <li><a href="#"><i class="icon-right-open"></i> Tenis</a></li>
                                        <li><a href="#"><i class="icon-right-open"></i> Acessórios</a></li>
                                    </ul>
                                </nav>
                            </section>
                            <section>
                                <h5>Masculino</h5>
                                <nav>
                                    <ul>
                                        <li><a href="#"><i class="icon-right-open"></i> Sapatos</a></li>
                                        <li><a href="#"><i class="icon-right-open"></i> Tenis</a></li>
                                        <li><a href="#"><i class="icon-right-open"></i> Acessórios</a></li>
                                    </ul>
                                </nav>
                            </section>
                        </div>
                    </div>
                    <div class="span9">
                        <div class="row-fluid">
                            <!-- Collection -->
                            <div class="tab-content sideline">
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/2.jpg" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/1.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/3.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/4.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/5.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/6.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/1.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/3.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/3.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/4.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/5.gif" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                                <article>
                                    <div class="view view-thumb">
                                        <img src="img/products/2.jpg" alt="" />
                                        <div class="mask">
                                            <h2>R$169</h2>
                                            <p>Descricao do produto Vestibulum ante ipsum primis in faucibus orci luctus.</p>
                                            <a href="product.html" class="info">Ver</a> <a href="checkout.html" class="info">Add ao Carrinho</a>
                                        </div>
                                    </div>
                                    <p><a href="#">NomedoProduto</a></p>
                                </article>
                            </div>
                            <!-- Collections end -->
                        </div>		
                    </div>
                </div>
            </section>
        </div>
        <!-- =================== -->
        <!-- Footer section&nbsp;-->
        <!-- =================== -->
        <footer>
            <div class="container">
                <section class="row foot">
                    <article class="span3">
                        <strong>Links</strong>
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Sobre nós</a></li>
                            <li><a href="#">Privacidade</a></li>
                            <li><a href="#">Devoluções</a></li>
                            <li><a href="#">Contato</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>Produtos</strong>
                        <ul>
                            <li>Femininos</a></li>
                            <li><a href="#">Sapatos</a></li>
                            <li><a href="#">Tenis</a></li>
                            <li><a href="#">Acessórios</a></li>
                            <li>Masculinos</a></li>
                            <li><a href="#"> Sapatos</a></li>
                            <li><a href="#">Tenis</a></li>
                            <li><a href="#">Acessórios</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>SISTEMA</strong>
                        <ul>
                            <li><a href="login.jsp">Login</a></li>
                            <li><a href="sistema.jsp">Cadastros</a></li>
                            <li><a href="sistema.jsp">Relatórios</a></li>
                            <li><a href="sistema.jsp">Pesquisas</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>Newsletter</strong>
                        <div>
                            <form class="form-inline">
                                <input class="input-medium" type="text" placeholder="endereço de email">
                                <button class="btn"><i class="icon-direction"></i></button>
                            </form>
                        </div>
                        <address class="row-fluid">
                            <div class="pull-left clabel"><i class="icon-location"></i></div>
                            <div class="pull-left cdata">Rua da Felicidade, 367 Pantanal   Florianópolis SC</div>
                        </address>
                        <address class="row-fluid">
                            <div class="pull-left clabel"><i class="icon-phone"></i></div>
                            <div class="pull-left cdata">48 9136-5544</div>
                        </address>
                        <address class="row-fluid">
                            <div class="pull-left clabel"><i class="icon-mail"></i></div>
                            <div class="pull-left cdata"><a href="#">testedesis@gmail.com</a></div>
                        </address>
                    </article>
                </section>
            </div>
            <section class="row-fluid doubleline">
                <div class="container">
                    <div class="span6">

                        <div class="payment amex"></div>
                        <div class="payment visa"></div>
                        <div class="payment mastercard"></div>				
                        <div class="payment paypal"></div>
                    </div>
            </section>
            <section class="row-fluid social">
                <div class="container">
                    <div class="pull-left">&copy; 2013  <a href="#">studioFormat</a></div>
                    <div class="pull-right">
                        <ul>
                            <li><a href="https://twitter.com/" target="_blank"><img src="img/social/twt.png" title=""></a></li>
                            <li><a href="https://www.youtube.com/" target="_blank"><img src="img/social/tube.png" title=""></a></li>	 
                            <li><a href="https://pt-br.facebook.com/" target="_blank"><img  src="img/social/face.png" title=""></a></li>
                        </ul>
                    </div>
                </div>
            </section>
        </footer>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="js/jquery.tweet.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/shop.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </body>
</html>